<template>
    <div>
        <table>
            
            <tr><td class="td">签约房屋编号：</td><td><input type="text" placeholder="请输入"></td>
            <td class="td">签约方类型：</td><td><label><input type="radio" name="gen"> 个人</label>  
            <label><input type="radio" name="gen"> 企业</label> </td></tr>
            <tr><td class="td">租金：</td><td><input type="text" placeholder="请输入"></td>
            <td class="td">租住方案：</td><td><input type="text" placeholder="请输入"></td></tr>
            <tr><td class="td">租住开始时间：</td><td><input type="text" placeholder="请输入"></td>
            <td class="td">租住结束时间：</td><td><input type="text" placeholder="请输入"></td></tr>
            <tr><td class="td">选择合同模板：</td><td><input type="text" placeholder="选择模板"></td></tr>
            <tr><td class="td">附件：</td><td colspan="3"><button>选择文件</button></td></tr>
            <tr><td colspan="4" id="td2"><button class="but1">提交</button><button class="but1">取消</button><button class="but1">关闭</button></td></tr>
        </table>
    </div>
</template>
<script>

</script>
<style>
    td{
        width: 10%;
        height: 45px;
    }
    .td{
        text-align: right; 
    }
    #td2{
        text-align: center;
    }
    .but1:hover{
        
        background-color: aqua;
    }
    .but1{
        margin-top: 300px;
        margin-left: 10px;
    }
    
</style>